<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>填写订单</title>
    <link rel="stylesheet" href="./lib/iconfont/iconfont.css">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
    <!-- 信息模块 -->
    <div class="info common">
        <span class="iconfont icon-location"></span>
        <span class="dzxx twolines">
            <p><em>林丽</em><em>18500667882</em></p>
            <p>北京市 海淀区 中关村软件园 信息科技大厦1号楼410#</p>
        </span>
        <span class="iconfont icon-more"></span>
    </div>

    <!-- 产品信息 -->
    <div class="cpxx common twolines">
        <img src="./uploads/pic.png" alt="">
       <div class="xx">
            <p>康尔贝 非接触式红外体温仪领券立减30元 婴儿级材质 测温…</p>
            <p>粉色   红外体温计</p>
            <p><span>￥</span><span>266</span><span>￥299</span></p>
       </div>
        <p class="sl">X 1</p>
    </div>

    <!-- 配送方式 -->
    <div class="pss common">
        <div class="box1">
            <p>配送方式</p>
            <p>顺丰快递</p>
        </div>
        <div class="box1">
            <p>买家备注</p>
            <p>希望可以尽快发货，谢谢~</p>
        </div>
        <div class="box1">
            <p>支付方式</p>
            <p>支付宝 <span class="iconfont icon-more"></span></p>
        </div>
    </div>
    <!-- 商品金额模块 -->
    <div class="cpje common">
        <div class="box1">
            <p>商品总价</p>
            <p>￥299.00</p>
        </div>
        <div class="box1">
            <p>运费</p>
            <p>￥0.00</p>
        </div>
        <div class="box1">
            <p>折扣</p>
            <p>-￥30.00</p>
        </div>
    </div>
    <!-- 底部模块 -->
    <footer>
        <div class="add">
            <span>合计：</span>
            <span>￥</span>
            <span>266</span>
            <span>.00</span>
        </div>
        <a href="#">去支付</a>
    </footer>
</body>
</html>